<template>
  <div>
    <!-- v-bind指令: 给标签动态绑定属性 -->
    <!-- 注意:一旦写v-bind指令, 属性值必须是一个变量(表达式) -->
    <a v-bind:href="url">去黑马</a>
    <img :src="imgUrl" />
  </div>
</template>

<script>
export default {
  data () {
    return {
      url: "https://www.itheima.com",
      imgUrl:
        "https://image.baidu.com/search/detail?ct=503316480&z=&tn=baiduimagedetail&ipn=d&word=%E6%90%9E%E7%AC%91&step_word=&ie=utf-8&in=&cl=2&lm=-1&st=-1&hd=undefined&latest=undefined&copyright=undefined&cs=1026954963,1381859943&os=3262607248,3106840713&simid=1026954963,1381859943&pn=16&rn=1&di=168300&ln=1845&fr=&fmq=1641124993880_R&ic=0&s=undefined&se=&sme=&tab=0&width=&height=&face=undefined&is=0,0&istype=2&ist=&jit=&bdtype=0&spn=0&pi=0&gsm=0&objurl=https%3A%2F%2Fgimg2.baidu.com%2Fimage_search%2Fsrc%3Dhttp%253A%252F%252Finews.gtimg.com%252Fnewsapp_match%252F0%252F11697869775%252F0.jpg%26refer%3Dhttp%253A%252F%252Finews.gtimg.com%26app%3D2002%26size%3Df9999%2C10000%26q%3Da80%26n%3D0%26g%3D0n%26fmt%3Djpeg%3Fsec%3D1643716993%26t%3D1d862780a5d1b0c6118bed1faf2fb9b8&rpstart=0&rpnum=0&adpicid=0&nojc=undefined",
    }
  }
}
</script>

<style lang="scss" scoped></style>
